@font-face {
  font-family: 'heiti';
  src: url('../assets/font/simhei.ttf') format('opentype');
}

@font-face {
  font-family: 'UPFont';
  src: url('../assets/font/ZiTiaoZiChangWuWei-Shan-Lang(UPFont-WuweiGB-Flash-Storm)-2.ttf')
    format('opentype');
}

@font-face {
  font-family: 'shishang';
  src: url('../assets/font/时尚中黑简体.ttf') format('opentype');
}

@font-face {
  font-family: 'fagnzheng';
  src: url('../assets/font/方正兰亭粗黑简体.TTF') format('opentype');
}

@font-face {
  font-family: 'CKTKingKong';
  src: url('../assets/font/ChuangKeTieJinGangTi-2.otf') format('opentype');
}

@mixin margin($direction:top,$value:10px){
  @if $direction=='top'{
    margin-top:$value;
  }
  @else if $direction=='bottom'{
    margin-bottom: $value;
  }
  @else if $direction=='left' {
    margin-left: $value;
  }
  @else if $direction=='right' {
    margin-right: $value;
  }
}
@mixin flex($display: flex, $justify: center, $align: align, $direction: row) {
  display: $display;
  flex-direction: $direction;
  justify-content: $justify;
  align-items: $align;
}

@mixin fontStyle($family:'CKTKingKong',$color: #fff, $size: 18px, $bold: 500) {
  color: $color;
  font-size: $size;
  font-weight: $bold;
  font-family: $family;
}
